<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:body>
    <link type="text/css" href="#{request.contextPath}/css/menu.css" rel="stylesheet" />
    <script type="text/javascript" src="#{request.contextPath}/js/jquery.js"></script>
    <script type="text/javascript" src="#{request.contextPath}/js/menu.js"></script>
<h:form>
<style type="text/css">
div#menu { margin:5px auto; }
div#copyright {
    font:11px 'Trebuchet MS';
    color:#fff;
    text-indent:30px;
    padding:40px 0 0 0;
}
div#copyright a { color:#00bfff; }
div#copyright a:hover { color:#fff; }
</style>
	<div id="menu">
	    <ul class="menu">
	        <li><a href="#" class="parent"><span>Vous</span></a>
	            <ul>
	                <li><a href="#{request.contextPath}/TODO.xhtml"><span><u>Votre compte</u></span></a></li>
	                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Votre profil</span></a></li>
		            <li><a href="#"><span>Vos saisies</span></a>    
		                <ul>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Vos notes de frais</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Vos feuilles de temps</span></a></li>
			            </ul>
		            </li>
				</ul>
	        </li>
	        <li><a href="#" class="parent"><span>Documents</span></a>
	            <ul>
	                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Contacts</span></a></li>
	                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Notes</span></a></li>
	                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Fichiers</span></a></li>
	                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Groupes de travail</span></a></li>
	            </ul>
	        </li>
	        <li><a href="#"><span>Ventes</span></a>
	      	  <ul>
	                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Tableau de bord</span></a></li>
		            <li><a href="#"><span>Devis et livraisons clients</span></a>    
		                <ul>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Devis</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Bons de livraison</span></a></li>
			            </ul>
		            </li>
					<li><a href="#"><u>Facturation clients</u></a>    
		                <ul>
			                <li><u><h:commandLink value="Factures" action="listFacture"/></u></li>
			                <li><u><h:commandLink value="Encaissements" action="listEncaissement"/></u></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Factures impayées</span></a></li>
			            </ul>
		            </li>
	            </ul>
	        </li>
	        <li><a href="#"><span>Achats</span></a>
	       	  <ul>
		            <li><a href="#"><span>Vos données</span></a>    
		                <ul>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Contacts fournisseurs</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Catalogue fournisseurs</span></a></li>
			            </ul>
		            </li>
		            <li><a href="#"><span>Dépenses</span></a>    
		                <ul>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Achats</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Décaissements</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Achats à régler</span></a></li>
			            </ul>
		            </li>
		            <li><a href="#"><span>Commandes fournisseurs</span></a>    
		                <ul>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Bons de commande</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Suivi des commandes</span></a></li>
			            </ul>
		            </li>
					<li><a href="#"><span>Stocks</span></a>    
		                <ul>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Stocks</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Derniers mouvements de stock</span></a></li>
			            </ul>
		            </li>
	            </ul>
	        </li>
	        <li><a href="#"><span>Tableau de bord</span></a>
	      	  <ul>
	                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Tableau de bord</span></a></li>
		            <li><a href="#"><span>Bilans</span></a>    
		                <ul>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Trésorerie</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Bilan entrées/sorties</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Bilan de tva</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Balance des tiers</span></a></li>
			            </ul>
		            </li>
		            <li><a href="#"><span>Ventes</span></a>    
		                <ul>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Analyse des devis</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Analyse des affaires</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Analyse de la facturation</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Analyse des produits facturés</span></a></li>
			            </ul>
		            </li>
					<li><a href="#"><span>Achats et temps</span></a>    
		                <ul>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Analyse des achats</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Analyse des bons de commandes</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Analyse des notes de frais</span></a></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Analyse des feuilles de temps</span></a></li>
			            </ul>
		            </li>
	            </ul>
	        </li>
	        <li><a href="#"><span>Configuratiosn</span></a>
	       	 	<ul>
		            <li><a href="#"><span><u>Votre entreprise</u></span></a>    
		                <ul>
			                <li><u><h:commandLink action="viewCompany" value="Données de l'entreprise"></h:commandLink></u></li>
			                <li><h:commandLink action="listBankAccount"><span><u>Comptes bancaires</u></span></h:commandLink></li>
			            </ul>
		            </li>
		            <li><a href="#"><u><span>Vos données</span></u></a>    
		                <ul>
 							<li><u><h:commandLink value="Catalogue produits" action="listProduct"/></u></li>
			                <li><a href="#{request.contextPath}/TODO.xhtml"><span>Contacts commerciaux</span></a></li>
			            </ul>
		            </li>
	            </ul>
	        </li>
	        <li class="last"><h:commandLink action="#{userBean.logout}" ><span>Déconnexion</span></h:commandLink></li>
	    </ul>
		<span style="float: right;margin: 5px;">#{userBean.lastName}</span>
		<span style="float: right;margin: 5px;">#{userBean.firstName}</span>
	</div>
	<div id="copyright"><a href="http://apycom.com/"></a></div>
	</h:form>
</h:body>
</html>